<template>
  <div id="ask">
      <p>搜索“{{inpValue}}”</p>

        <div class="left">
            <template v-for="item in searchArr">
            <li :key="item.id" @click="keyword(item.name)">
                <i class="iconfont icon-sousuo"></i>
                <span>{{item.name}}</span>
            </li>
            </template>
          </div>
        
      </div>
 
</template>

<script>
export default {
props:["searchArr",'inpValue'],
methods:{

    keyword(word){
        this.$emit("keyword",word);
    }
}
}
</script>

<style lang="scss" scoped>
#ask{
    p{
         width: _vw(720.66);
         height: _vw(120);
         line-height:_vw(120);
         color: #507DAF;
         font-size: _vm(30);
         margin:_vw(0) _vw(0) _vw(0) _vw(10); 
         padding:_vw(0) _vw(10) _vw(0) _vw(0); 
          border-bottom: 1px  solid rgba(235,236,236);
    }
    .left{
        width: _vw(750.66);
         height: _vw(120);
        line-height:_vw(120);
        // background-color:pink ;
        i{
         width: _vw(30);
         height: _vw(30);
         margin: _vw(0)  _vw(20);
        }
    }

}
</style>